<template>
	<view class="passwordbox">
		<!-- 登录弹窗 -->
		<uni-popup :show="type === 'bindverti'" position="middle" mode="fixed" style="position: relative;">
			<view class="bindbox por bg-white text--center" :animation="animationData">
				<view class="f16 default fwb">提示</view>
				<view class="mt20 f14">
					请完成钱包签名认证，再进行重置 
				</view>
				<view class="f14 mt5">
					密码操作。
				</view>
				<view class="golog border-none white flex-text mt20  py8 f14 mx25" @click="signVerti">签名认证</view>
				<view class="mt15 color-theme f12" @click="togglePopup()">取消</view>
			</view>
		</uni-popup>
		<view class="border-radius-7 px15 sgrey pt15">
			<view class="fsb py15 border1" @click="pushPage('/pages/User/modpsd')">
				<text class="f15">修改安全密码</text>
				<image src="../../static/user/right.png" class="righticon"></image>
			</view>
			<view class="fsb py15 border1" @click="reset">
				<text class="f15">重置安全密码</text>
				<image src="../../static/user/right.png" class="righticon"></image>
			</view>
		</view>
	</view>
</template>

<script>
	import { mapState, mapActions } from 'vuex';
	import uniPopup from '../../components/uni-popup/uni-popup.vue'
	export default {
		data() {
			return {
				type:''
			}
		},
		components: {
			uniPopup
		},
		onShow(){
			this.type = ''
		},
		onLoad() {
		},
		methods:{
			reset(){
				this.type='bindverti'
			},
			signVerti(){
				this.pushPage('/pages/User/reset')
			},
			togglePopup(type) {
				this.type = type
				this.initAanimates()
			}
		}
	}
</script>

<style lang="less" scoped>
	.passwordbox{
		.golog{
			background-color: #3E89DA;
			border-radius: 8rpx;
		}
		.mx25{
			margin:0 50rpx;
		}
		.color-theme{
			color: #3E89DA;
		}
		.bindbox{
			width: 572rpx;
			padding-top: 50rpx;
			padding-bottom: 36rpx;
			border-radius: 8rpx;
		}
		.border1{
			border-bottom: 2rpx solid rgba(216,216,216,.4);
		}
		.righticon{
			width: 32rpx;
			height: 32rpx;
		}
	}
</style>
